<template>
  <footer>
    <div class="logo">
      <img src="../../assets/img/footer/logo-gx.png" alt="" />
    </div>
    <p>电话：400-6000-110</p>
    <p>邮箱：web@gxzg.org.cn</p>
    <p>地址：厦门市软件园二期望海路45号201单元</p>
    <div class="copy">
      <p>Copyright © 2017 公信.中国（京ICP备17051296号-1）</p>
      <p><i></i> 京公网安备 11010802025455号</p>
    </div>
  </footer>
</template>

<style scoped lang='less'>
footer {
  padding: 24px 0 0;
  box-sizing: border-box;

  background-color: #242b37;
  .logo {
    padding-bottom: 24px;
    padding-left: 32px;
    margin-bottom: 40px;
    border-bottom: 1px solid #353d4a;
    box-sizing: border-box;
    img {
      width: 213px;
      height: 45px;
    }
  }
  p {
    font-size: 24px;
    color: #ffffff;
    opacity: 0.7;
    line-height: 1;
    margin-bottom: 39px;
    padding-left: 32px;
    box-sizing: border-box;
  }
  .copy {
    padding: 40px 0;
    background-color: #1e242f;
    p {
      color: #686f79;
      font-size: 20px;
      margin-bottom: 7px;
      display: flex;
      align-items: center;
      justify-content: center;
      i {
        display: inline-block;
        width: 18px;
        height: 20px;
        background: url("../../assets/img/footer/logo-jgwab.png") no-repeat
          center;
        background-size: 18px 20px;
        margin-right: 11px;
      }
    }
  }
}
</style>